{include file="common/header" title="商品管理" /}
<script src="__JS__/pintuer.js"></script>
</head>
<body>
<div class="panel admin-panel">
  <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加内容</strong></div>
  <div class="body-content">
    <form method="post" class="form-x" action="" enctype="multipart/form-data">
      <div class="form-group">
        <div class="label">
          <label>商品名：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="" name="name" data-validate="required:请输入商品名" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>划线价格：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="" name="price" data-validate="required:请输入价格" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>商城价格：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="" name="vip_price" data-validate="required:请输入价格" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>商品库存：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="" name="num" data-validate="required:请输入库存" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>图片：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url1" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="img" onchange="url1.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url2" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="banner[]" onchange="url2.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
          <input type="button" class="button bg-green margin-left addT" id="image1" value="添加轮播图" >
        </div>
      </div>
      <div class="form-group" id="typeTitle">
        <div class="label">
          <label>分类标题：</label>
        </div>
        <div class="field">
          <select name="cid" class="input w50">
            <option value="">请选择分类</option>
            {foreach $fenlei as $v}
            <optgroup label="{$v['cate_name']}">
              {if is_array($v['er'])}
              {foreach $v['er'] as $vv}
              <option value="{$vv['cate_id']}" disabled >&nbsp;&nbsp;&nbsp;&nbsp;|-{$vv['cate_name']}</option>
              {if is_array($vv['san'])}
              {foreach $vv['san'] as $vvv}
              <option value="{$vvv['cate_id']}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|--{$vvv['cate_name']}</option>
              {/foreach}
              {/if}
              {/foreach}
              {/if}
            </optgroup>
            {/foreach}
          </select>
          <div class="tips"></div>
        </div>
      </div>

      <div>
        <div class="form-group" id="Title">
          <div class="label">
            <label>品牌标题：</label>
          </div>
          <div class="field">
            <select name="pinpai" class="input w50">
              <option value="">请选择品牌</option>
              {foreach $pin as $v}
              <option value="{$v['brand_id']}">{$v['brand_name']}</option>
              {/foreach}
            </select>
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>标签：</label>
          </div>
          <div class="field">
            <input type="text" class="input w50" name="tags" value=""  data-validate="required:请输入标签" />
            <div class="tips"></div>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>其他属性：</label>
          </div>
          <div class="field" style="padding-top:8px;">
            热门  <input   type="radio" name="recom"  value="1"/>
            不热门<input   type="radio" name="recom"  value="0"/>
            推荐 <input   type="radio"  name="recommended" value="1"/>
            不推荐<input   type="radio"  name="recommended" value="0"/>
            下架 <input   type="radio"  name="if_show" value="1"/>
            上架 <input   type="radio"  name="if_show" value="0"/>
          </div>
        </div>
        <div class="form-group">
          <div class="label">
            <label>内容：</label>
          </div>
          <div class="field">
            <textarea name="content" class="input" style="height:250px; border:1px solid #ddd;"></textarea>
            <div class="tips"></div>
          </div>
        </div>
        <div class="clear"></div>
        <div class="form-group">
          <div class="label">
            <label></label>
          </div>
          <div class="field">
            <button class="button bg-main icon-check-square-o" type="submit"> 提交</button>
          </div>
        </div>
    </form>
  </div>
</div>
</body>
<script>
    var num=3;
    var banner=2;
    $(".addT").click(function(){
        var cont=`<div class="form-group banner">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url${num}" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="banner[]" onchange="url${num}.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        	<input type="button" class="button bg-red margin-left cutT" value="删除轮播图" >
        </div>
      </div>`;
        num++;
        banner++;
        $("#typeTitle").before(cont);
    })
    $(".form-x").on("click",'.cutT',function(){
        $(this).parent().parent().remove();
    })
</script>
</html>